@include('backstage/public/_header')
    <!--結果頁快捷搜索框 開始-->
    <!-- <div class="search_wrap">
        <form action="" method="post">
            <table class="search_tab">
                <tr>
                    <th width="120">選擇分類:</th>
                    <td>
                        <select onchange="javascript:location.href=this.value;">
                            <option value="">全部</option>
                            <option value="http://www.baidu.com">百度</option>
                            <option value="http://www.sina.com">新浪</option>
                        </select>
                    </td>
                    <th width="70">關鍵字:</th>
                    <td><input type="text" name="keywords" placeholder="關鍵字"></td>
                    <td><input type="submit" name="sub" value="查詢"></td>
                </tr>
            </table>
        </form>
    </div> -->
    <!--結果頁快捷搜索框 結束-->

    <!--搜索結果頁面 列表 開始-->
    
<div class="result_wrap">
    <div class="result_title">
        @if( session()->has('notify') )
            <div class="mark">
                 <p style="color:red"> {{ session()->get('notify') }} </p> 
            </div>
        @endif           
    </div>
    <!--快捷導航 開始-->
    <div class="result_content">
        <div class="short_wrap">
            <a href="add"><i class="fa fa-plus"></i>添加圖片</a>
            <a href="javascript:void(0);" onclick="del();" ><i class="fa fa-recycle"></i>批量刪除</a>
            <a href="javascript:void(0);" onclick="window.location.reload();"><i class="fa fa-refresh"></i>更新排序</a>
        </div>
    </div>
    <!--快捷導航 結束-->
</div>
<div class="result_wrap">
    <div class="result_content">
        <table class="list_tab">
            <tr>
                <th class="tc" width="5%"><input type="checkbox" id="checkAll" value="0"></th>
                <th class="tc" width="5%">排序</th>
                <th class="tc">ID</th>
                <th>圖片標題</th>
                <th>圖片預覽</th>
                <th>添加時間</th>
                <th>是否顯示</th>
                <th>操作</th>
            </tr>
            @foreach( $list as $vo )
            <tr id="list_{{$vo->id}}">
                <td class="tc"><input type="checkbox" name="checkbox" value="{{$vo->id}}"></td>
                <td class="tc">
                    <input type="text" onkeyup="value=value.replace(/[^\d{1,}\-\d{1,}|\d{1,}]/g,'')" onblur="sort('sort',{{$vo->id}});" maxlength="3" value="{{$vo->sort_order}}" sort="{{$vo->sort_order}}" id="sort_{{$vo->id}}">
                </td>
                <td class="tc">{{ $vo->id }}</td>
                <td>{!! $vo->name !!}</td>
                <td><a href="{!! $vo->img_url !!}" target="_blank"><img src="{!! $vo->img_url !!}" alt="預覽" title="縮略圖" style="width:50px;height:50px;"></a></td>
                <td>{!! date('Y-m-d H:i:s',$vo->add_time) !!}</td>
                <td>{!! $vo->is_show !!}</td>
                <td>
                    <a href="edit/{{$vo->id}}">修改</a>
                    <a href="javascript:;" onclick="del({{$vo->id}});">刪除</a>
                </td>
            </tr>
            @endforeach
        </table>                
    </div>
    <div class="page_nav">
        {{ $list->links('vendor/pagination/default', ['foo' => 'bar']) }}
    </div>
</div>
    
    <!--搜索結果頁面 列表 結束-->
<script type="text/javascript">
function sort(name,id){
    var olddata = $('#'+name+'_'+id).attr('sort');
    var getdata = $('#'+name+'_'+id).val();
    if(olddata != getdata ){
        $.post("{{$update_sort}}", { 'id': id,'sort': $('#'+name+'_'+id).val(),"_token":"{{csrf_token()}}"},
        function (data){
            // console.log(data);
            if(data.status==1){
                $('#'+name+'_'+id).attr('sort',getdata);
            }
            if(data.status==0){
                layer.msg(data.message, {icon: 2});
                // window.location.reload(); 
                $('#'+name+'_'+id).val(olddata);
            }
            if(data.status==-1){
                layer.alert(data.message, {icon: 2,anim:6});
            }
        }, "json");
    }
}
function getChecked() {
    var gids = new Array();
    $.each($('input:checked'), function(i, n){
        if($(n).val()!=0) gids.push( $(n).val() );
    });
    return gids;
}
//刪除
function del(aid){
    aid = aid ? aid : getChecked();
    // console.log(aid);
    //詢問框
    layer.confirm('刪除後不可恢復，確定要刪除嗎？', {
      btn: ['確定','取消'] //按鈕
    }, function(){
        aid = aid.toString();
        // console.log(aid);
        if(aid == '') return layer.msg('未選中任何數據', {icon: 2,anim: 6});
        // layer.msg('正在刪除...', {icon: 16,shade: 0.01});
        $.post("{{$dodel}}", { 'idstr':aid,"_token":"{{ csrf_token() }}"},
        function (data){
            if(data.status==1){
                layer.msg('正在刪除...', {icon: 16,shade: 0.01});
                setTimeout(function(){
                    aid = aid.split(',');
                    $.each(aid, function(i,n){
                        $('#list_'+n).remove();
                    });
                    layer.msg(data.message, {icon: 1});
                },2000);
            }else if(data.status==0){
                layer.msg(data.message, {icon: 2});
            }else if(data.status==2){
                layer.msg(data.message, {icon: 7});
            }else if(data.status==-1){
                layer.alert(data.message, {icon: 2,anim:6});
            }else{
                layer.msg('未知原因，刪除失敗', {icon: 2});
            }
        }, "json");
    });
    
}
</script>
@include('backstage/public/_footer')